<!DOCTYPE html>
<html>
<head lang="en">
	<meta charset="UTF-8">
	<title>搜索页面</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<script src="js/jquery-2.0.3.js"></script>
	<script src="js/bootstrap.js"></script>
	<style>
		* {
			box-sizing: border-box;
		}
		html,body {
			margin: 0;
			padding: 0;
			border: 0;
			/*font-size: 14px;*/
			/*background-color: #cccccc;*/
		}
		.sousuo {
			width: 100%;
			/*height: auto;*/
			text-align: center;
			position: fixed;
			/*border: 1px solid #cccccc;*/
		}
		.tu1 {
			display:flex;
			justify-content: space-between;
		}
		.tu11 {
			width: 0.5rem;
			height: 0.5rem;
			margin: 0.2rem;
		}
		.form-control {
			background-color: #ffffff;
			margin-top: 0.1rem;
			height: 0.6rem;
		}
		.tu22 {
			width: 0.5rem;
			height: 0.5rem;
			margin: 0.2rem;
		}
		.anniu {
			font-size: 1rem;
		}
		p {
			font-size: 0.25rem;
			border: 1px solid red;
			padding: 0.2rem;
			background-color: antiquewhite;
		}
		span {
			font-size: 0.25rem;
			/*border: 1px solid red;*/
			padding: 0.2rem;
			background-color: #cccccc;
		}
	</style>
</head>
<body>
<div class="sousuo">
	<div class="tu1">
		<a href="小米.html">
		<img class="tu11" src="weitu11.png" alt=""/>
		</a>
		<input type="text" class="form-control" placeholder="">
		<img class="tu22" src="sousuo.png" alt=""/>
	</div>

	<div class="anniu">
		<a class="btn btn-toolbar" href="小米.html" role="button"><p>小米Max</p></a>
		<a class="btn btn-toolbar" href="小米.html" role="button"><p>小米5尊享版3D玻璃</p></a>
		<a class="btn btn-toolbar" href="小米.html" role="button"><p>红米</p></a>
		<a class="btn btn-toolbar" href="小米.html" role="button"><span>红米手机5</span></a>
		<a class="btn btn-toolbar" href="小米.html" role="button"><span>红米3高配版</span></a>
		<a class="btn btn-toolbar" href="小米.html" role="button"><span>小米手机4S</span></a>
		<a class="btn btn-toolbar" href="小米.html" role="button"><span>小米路由器3</span></a>
		<a class="btn btn-toolbar" href="小米.html" role="button"><span>小米Note</span></a>
		<a class="btn btn-toolbar" href="小米.html" role="button"><span>小米4c</span></a>
	</div>
</div>
</body>
</html>
<script>
	$(function(){
		function fullwidth() {
			if ($('body').width() >= 720){
				$('html').css('font-size',100 + 'px');
				return;
			}
			var scale = $('body').width() / 720;
			$('html').css('font-size',100*scale + 'px');
		}
		fullwidth();
		$(window).resize(function(){
			fullwidth();
		})
	});
</script>